<!DOCTYPE HTML>
<html lang="en">
<head>

<meta content="text/html;" http-equiv="content-type" charset="utf-8">
<link href="<?php echo base_url(); ?>images/icono.ico" rel="shortcut icon" type="image/x-icon">
<title><?php echo $page_title?></title>

<!--<noscript>-->
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<link rel="stylesheet" href="<?php echo base_url(); ?>css/skel.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/style.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/style-desktop.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/style-wide.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/tabs.css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/jquery.lightbox-0.5.css" />
<!--ALERTAS-->
<link rel="stylesheet" href="<?php echo base_url(); ?>css/estilo.css" />
<!--</noscript>-->

<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/skel.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/skel-layers.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/init.js"></script>

<!--Estilos para el datatable-->
<style type="text/css" title="currentStyle">
@import "<?php echo base_url(); ?>css/demo_page.css";
@import "<?php echo base_url(); ?>css/demo_table.css";
@import "<?php echo base_url(); ?>css/demo_table_jui.css";
@import "<?php echo base_url(); ?>themes/smoothness/jquery-ui-1.8.4.custom.css";
</style>

<!--Llamando a los js son para el datatable-->
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.dataTables.columnFilter.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/hideshow.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.MultiFile.js"></script>
<script type="text/javascript">
	function cambiaProvincia (select) {
    	var selectedOption = select.options[select.selectedIndex];
        //alert ("The selected option is " + selectedOption.value);
        $('#pro').load('cargarProvincia?cbxDepartamento='+selectedOption.value);
    }

    function cambiaDistrito (select) {
    	var selectedOption = select.options[select.selectedIndex];
        //alert ("The selected option is " + selectedOption.value);
        $('#dis').load('cargarDistrito?cbxProvincia='+selectedOption.value);
    }        
</script>

<script type="text/javascript">

	/* COMIENZA EL SCRIPT DEL RELOJ */
	function actualizaReloj(){
    	/* CAPTURAMOS LA HORA, LOS MINUTOS Y LOS SEGUNDOS */
    	marcacion = new Date()
    	/* CAPTURAMOS LA HORA */
    	Hora = marcacion.getHours()
    	/* CAPTURAMOS LOS MINUTOS */
    	Minutos = marcacion.getMinutes()
    	/* CAPTURAMOS LOS SEGUNDOS */
    	Segundos = marcacion.getSeconds()
    	/* SI LA HORA, LOS MINUTOS O LOS SEGUNDOS SON MENORES O IGUALES A 9, LE AÑADIMOS UN 0 */
    	if (Hora<=9)
        	Hora = "0" + Hora

    	if (Minutos<=9)
        	Minutos = "0" + Minutos

    	if (Segundos<=9)
        	Segundos = "0" + Segundos
    	/* TERMINA EL SCRIPT DEL RELOJ */
    	/* COMIENZA EL SCRIPT DE LA FECHA */
    	var Dia = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado","Domingo");
    	var Mes = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Setiembre","Octubre","Noviembre","Diciembre");
    	var Hoy = new Date();
    	var Anio = Hoy.getFullYear();
    	var Fecha = " ► " + Dia[Hoy.getDay()] + ", " + Hoy.getDate() + " de " + Mes[Hoy.getMonth()] + " del " + Anio + " ► ";
    	/* TERMINA EL SCRIPT DE LA FECHA */
    	/* CREAMOS 4 VARIABLES PARA DARLE FORMATO A NUESTRO SCRIPT */
    	var Script,Total
    	/* EN RELOJ LE INDICAMOS LA HORA, LOS MINUTOS Y LOS SEGUNDOS */
    	Script = Fecha + Hora + ":" + Minutos + ":" + Segundos;
    	/* EN FINAL CERRAMOS EL TAG DE LA FUENTE */
    	//Final = " "
    	/* EN TOTAL FINALIZAMOS EL RELOJ UNIENDO LAS VARIABLES */
    	Total = Script
    	/* CAPTURAMOS UNA CELDA PARA MOSTRAR EL RELOJ */
    	document.getElementById('Fecha_Reloj').innerHTML = Total
    	/* INDICAMOS QUE NOS REFRESQUE EL RELOJ CADA 1 SEGUNDO */
    	setTimeout("actualizaReloj()",1000)
	}

</script>
    
<script>
            $("#animacion").ready(function(){
                actualizaReloj();
                //IniciarSecuencia();
            });
        </script>
        
        <script type="text/javascript">
        function ucwords(string){
        	 var arrayWords;
        	 var returnString = "";
        	 var len;
        	 arrayWords = string.split(" ");
        	 len = arrayWords.length;
        	 for(i=0;i < len ;i++){
        	  if(i != (len-1)){
        	   returnString = returnString+ucFirst(arrayWords[i])+" ";
        	  }
        	  else{
        	   returnString = returnString+ucFirst(arrayWords[i]);
        	  }
        	 }
        	 return returnString;
        	}
        	function ucFirst(string){
        	 return string.substr(0,1).toUpperCase()+string.substr(1,string.length).toLowerCase();
        	}
        </script>
    
</head>